.search {
  width: 100%;
  padding: 20rpx 30rpx;
  box-sizing: border-box;
  .search-box {
    width: 100%;
    height: 80rpx;
    position: relative;
    border: 1px solid #cccccc; 
    border-radius: 40rpx;
    padding: 0rpx 40rpx;
    box-sizing: border-box;
    .icon {
      width: 40rpx;
      height: 40rpx;
      position: absolute;
      left: 20rpx;
      top: 20rpx;
    }
    .text {
      position: absolute;
      right: 20rpx;
      top: 0rpx;
      line-height: 76rpx;
      color: #FEAC02;
      z-index: 1000;
    }
    .input {
      width: 100%;
      height: 80rpx;
      padding-left: 40rpx;
      box-sizing: border-box;
    }
  }

}
.tit {
  padding: 10rpx 0rpx;
  font-weight: bold;
}
.hot {
  padding: 0rpx 30rpx;
  .list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    .txt {
      padding: 10rpx 20rpx;
      background-color: #FEAC02;
      color: #fff;
      margin: 10rpx;
      border-radius: 10rpx;
      font-size: 32rpx;
    }
  }
}

.list2 {
  padding: 0rpx 30rpx;
  .ul {
     .li {
       padding: 10rpx;
       border: 1px solid #f0f0f0;
       margin-bottom: 10rpx;
        image {
          width: 200rpx;
        }
        .name {
          font-weight: bold;
          margin: 10rpx 0px;
        }
        .tip {
          color: #666;
          font-size: 30rpx;
          line-height: 1.75;
          margin: 10rpx 0px;
        }
        .tag-box {
          width: 100%;
          display: flex;
          flex-wrap: wrap;
        }
        .tag {
          padding: 10rpx;
          margin: 10rpx;
          border: 1px solid #ccc;
          display: block;
          border-radius: 5rpx;
          font-size: 30rpx;
        }
     }
  }
}

.message {
  text-align: center;
  padding: 60rpx 0rpx;
  color: #666;
}